<div class="menu-container">
  <div class="menu-content">
    <button mat-button [matMenuTriggerFor]="menu"><span>Code</span></button>
    <button mat-icon-button [matMenuTriggerFor]="menu1">
      <mat-icon>more_vert</mat-icon>
    </button>
  </div>
</div>
<mat-menu #menu="matMenu">
  <button mat-menu-item (click)="project()">
    <span>project</span>
  </button>
  <button mat-menu-item>
    <span>compile</span>
  </button>
</mat-menu>
<mat-menu #menu1="matMenu" >
  <button mat-menu-item>
    <mat-icon>dialpad</mat-icon>
    <span>Redial</span>
  </button>
  <button mat-menu-item disabled>
    <mat-icon>voicemail</mat-icon>
    <span>Check voicemail</span>
  </button>
  <button mat-menu-item>
    <mat-icon>notifications_off</mat-icon>
    <span>Disable alerts</span>
  </button>
</mat-menu>
